import {shopcart_add,shopcart_sub,shopcart_list} from '../utils/api'
//定义mixin 对象  ( 混入对象 )
var mixin = {
    //多个组件需要公用的 响应式数据
    data(){
        return {
           list:[]
        }
    },
    //多个组件需要公用的 生命周期函数
    mounted(){
        // var userinfo = localStorage.getItem('userinfo') ? JSON.parse( localStorage.getItem('userinfo') ) : {}
        // if( userinfo.id ){
            //获取购物车 中的商品列表
            // shopcart_list( {userid: userinfo.id } ).then((res)=>{
            //     console.log(res.data);
            //     this.list = res.data.list;
            //     //存储购物车数据 到vuex
            //     this.$store.commit('save_shopcartlist', res.data.list );
            // })
        // }

        //调用vuex中的异步方法( 发请求,获取服务器的购物车列表 )
        this.$store.dispatch('request_shopcartlist');
    },
    //多个组件需要公用的 方法
    methods:{
        handleAdd(good){
          // var userinfo = localStorage.getItem('userinfo') ? JSON.parse( localStorage.getItem('userinfo') ) : {};
          
          // //发请求, 让商品数量加1, 最终数据存储在后端 数据库中
          //   if( userinfo.id ){
          //     shopcart_add( { userid:userinfo.id,goodid: good.id } ).then((res)=>{
          //       console.log(res.data);
          //       //将 需要加入购物车的商品 往vuex中也存一份
          //       this.$store.commit('add', good );
          //     })
          //   }

          this.$store.dispatch('request_add',good);
        },
        handleSub(good){
          // var userinfo = localStorage.getItem('userinfo') ? JSON.parse( localStorage.getItem('userinfo') ) : {};
          
          // //发请求, 让商品数量减1, 最终数据存储在后端 数据库中
          //   if( userinfo.id ){
          //     shopcart_sub( { userid:userinfo.id,goodid: good.id } ).then((res)=>{
          //       console.log(res.data);
          //       //将 需要加入购物车的商品 往vuex中也存一份
          //       this.$store.commit('sub', good );
          //     })
          //   }
          this.$store.dispatch('request_sub',good);
        }
    }
}

//导出 mixin对象
export default mixin;